<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
	</head>
	<body>
		<script type="text/javascript">
			// 注意：live2d_path 参数应使用绝对路径
			const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";
			//const live2d_path = "/live2d-widget/";
			
			// 封装异步加载资源的方法
			function loadExternalResource(url, type) {
				return new Promise((resolve, reject) => {
					let tag;
			
					if (type === "css") {
						tag = document.createElement("link");
						tag.rel = "stylesheet";
						tag.href = url;
					}
					else if (type === "js") {
						tag = document.createElement("script");
						tag.src = url;
					}
					if (tag) {
						tag.onload = () => resolve(url);
						tag.onerror = () => reject(url);
						document.head.appendChild(tag);
					}
				});
			}
			
			// 加载 waifu.css live2d.min.js waifu-tips.js
			Promise.all([
				loadExternalResource(live2d_path + "waifu.css", "css"),
				loadExternalResource(live2d_path + "live2d.min.js", "js"),
				loadExternalResource(live2d_path + "waifu-tips.js", "js")
			]).then(() => {
				initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api");
			});
			// initWidget 第一个参数为 waifu-tips.json 的路径，第二个参数为 API 地址
			// API 后端可自行搭建，参考 https://github.com/fghrsh/live2d_api
			// 初始化看板娘会自动加载指定目录下的 waifu-tips.json
			
			console.log(`
			  く__,.ヘヽ.        /  ,ー､ 〉
			           ＼ ', !-─‐-i  /  /´
			           ／｀ｰ'       L/／｀ヽ､
			         /   ／,   /|   ,   ,       ',
			       ｲ   / /-‐/  ｉ  L_ ﾊ ヽ!   i
			        ﾚ ﾍ 7ｲ｀ﾄ   ﾚ'ｧ-ﾄ､!ハ|   |
			          !,/7 '0'     ´0iソ|    |
			          |.从"    _     ,,,, / |./    |
			          ﾚ'| i＞.､,,__  _,.イ /   .i   |
			            ﾚ'| | / k_７_/ﾚ'ヽ,  ﾊ.  |
			              | |/i 〈|/   i  ,.ﾍ |  i  |
			             .|/ /  ｉ：    ﾍ!    ＼  |
			              kヽ>､ﾊ    _,.ﾍ､    /､!
			              !'〈//｀Ｔ´', ＼ ｀'7'ｰr'
			              ﾚ'ヽL__|___i,___,ンﾚ|ノ
			                  ﾄ-,/  |___./
			                  'ｰ'    !_,.:
			`);
		
		</script>
	</body>
</html>
